<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
</head>

<body>
    <div class="box">
        <aside>
            <div class="top">
                <h5>管理系统</h5>
                <div class="index">首页</div>
                <div>系统管理</div>
            </div>
            <ul>
                <li>用户管理</li>
                <li>角色管理</li>
                <li>菜单管理</li>
                <li>部门管理</li>
                <li>岗位管理</li>
                <li>字典管理</li>
                <li>参数设置</li>
                <li>通知公告</li>
                <li>日志管理</li>
            </ul>
            <h5>系统监控</h5>
        </aside>
        <main>
            <div class="top"></div>
            <div class="middle">
                <button>首页</button>
                <select name="" id="">
                    <option value="">岗位管理></option>
                </select>
            </div>
            <div class="btn">
                <span>岗位名称</span>
                <input type="text">
                <button>搜索</button>
                <button>重置</button>
            </div>
            <div class="btns">
                <button>新增</button>
                <button>修改</button>
                <button>删除</button>
                <button>导出</button>
            </div>
            <table>
                <tr>
                    <th><input type="checkbox"></th>
                    <th>岗位编号</th>
                    <th>岗位编码</th>
                    <th>岗位名称</th>
                    <th>岗位排序</th>
                    <th>状态</th>
                    <th>创建时间</th>
                    <th>操作</th>
                </tr>
            </table>
        </main>
    </div>
</body>

</html>